<div class="row" style="background:url(<?= BASE_URI?>img/forum.jpg);background-size:cover;background-attachment:fixed;margin-top:2.4rem;">
  <div class="large-12 column" style="padding-top:2rem;padding-bottom:2rem;background:rgba(0,158,161,.7);">
    <div class="medium-10 medium-centered column"  style="padding:0;">
        <h4 style="color:white;margin-top:.3rem;"><strong style="color:white;margin-top:.7rem;">Behomebased.PH Forum</strong></h4>
    </div>
  </div>
</div>

<div class="forum-rw-frms row">
  <div class="medium-10 medium-centered column" style="padding:0;">
    <div class="large-12 column">
      <div class="large-12 column" style="padding:0rem;">
          <div class="selectpost medium-2 large-2 column"  style="padding:0;">
            <div class="large-12 column"  style="padding:0;">
              <select style="border:none;margin:0;">
                <option>Recent Activity</option>
                <option>Most Helpful</option>
                <option>Most Followed</option>
              </select>
            </div>

          </div>
          <div class="selectpost medium-2 large-2 column"  style="padding:0;">
            <div class="large-12 column" style="padding:0;">
              <select style="border:none;margin:0;">
                <option>Web Programming</option>
                <option>Freelance Writer</option>
                <option>Web Designing</option>
              </select>
            </div>
          </div>
          <div class="selectpost medium-2 large-2 column"  style="padding:0;">
            <div class="large-12 column" style="padding:0;">
              <select style="border:none;margin:0;">
                <option>Ascending</option>
                <option>Descending</option>
              </select>
            </div>
          </div>
          <div class="selectpost medium-2 large-2 column"  style="padding:0;">
            <div class="large-12 column">
              <a href="" class="tiny radius button" style="margin-top:.1rem;background:#009EA1;">Show Threads</a>
            </div>
          </div>

          <div class="selectpost medium-4 large-4 column end"  style="padding:0;">
            <div class="large-12 column" style="padding:0;">
              <form>
                <div class="row collapse">
                    <div class="small-3 large-2 columns">
                      <span class="prefix" style="border:none;"><i class="fa fa-search"></i></span>
                    </div>
                    <div class="small-9 large-10 columns">
                      <input type="text" placeholder="Search" style="border:none;">
                    </div>
                </div>
              </form>
            </div>
          </div>
      </div>
    </div>
  </div>
</div>

<div class="forum-rw-content row">
<div class="medium-10 medium-centered column"  style="padding:0;">

  <div class="forumcard medium-4 large-3 column">
    <div class="card-wrap large-12 column">
      <div class="ch-item1" style="background: skyblue url(<?= IMAGE_URL_SMALL.$info->profile_pic ?>);background-size:100% 100%;">
        <div class="ch-info1">
            <h5><a style="color:white;" data-reveal-id="changedp">Change Picture</a></h5>
              <p>May 12, 2014 3:00 PM <a>Last Edit</a></p>
          </div>
      </div>

    <div class="large-12 column" style="padding-top:.8rem;">
      <div class="forum-rate" data-average="10.34" data-id="1" style="position:absolute;margin:0 auto;"></div>
    </div>
              
    <div class="forum-pro large-12 column">
          <ul class="text-center inline-list">
            <li class="">
              <a id="feeds" href="<?=BASE_URI?>be/forum" >Feeds</a>
            </li>
            <li id="ppp" class="">
              <a id="myForum" class="">My Forum</a>
            </li>
            <li class=""><a data-reveal-id="createThread1" class="">New Thread</a></li>
          </ul>
    </div>

    <ul class="forum-ul">
      <li>
          <a href="<?=BASE_URI?>be/subscribedthreads">Show Subscribed threads 
            <span class="success round label right"><small style="color:white;">23</small></span>
          </a>
      </li>
      <li>
          <a href="<?=BASE_URI?>be/mythreads">Show My Threads
          </a>
      </li>
      <li>
          <a href="<?=BASE_URI?>be/unansweredthreads">Unanswered threads
          </a>
      </li>
    </ul>
 
    </div>
  </div>

  <div id="contentForum" class="forum-wrapper medium-8 large-9 column">
    <?php
      if(@$page_name=='Forum')  {
        $this->view->partial('common/forum');
      }
      if(@$page_name=='Mythreads')  {
        echo "<h5>My Threads </h5>";
        $this->view->partial('common/mythreads');
      }
      if(@$page_name=='Subscribedthreads')  {
        echo "<h5>Subscribed Threads </h5>";
        $this->view->partial('common/subscribedthreads');
      }
      if(@$page_name=='Unansweredthreads')  {
        echo "<h5>Unanswered Threads </h5>";
        $this->view->partial('common/unansweredthreads');
      }
     ?>
  </div>
</div>

<?php $this->view->partial('be/modals'); ?>

<script type="text/javascript">
  $(document).ready(function(){
    $('.forum-rate').jRating({
      length : 5,
      decimalLength : 1,
      isDisabled : true
    });
  });
</script>


   <script type="text/javascript" language="javascript">
   $(document).ready(function() {
     /* $("#feeds").click(function(event){
          $('#contentForum').load('forum/group');
      });*/
      $("#myForum").click(function(event){
          $('#contentForum').load('myforum');
      });
   });
   </script>